<template>
  <div>
    <p class="msg">{{msg}}</p>
  </div>
</template>

<script>
  /* 固定写法 */
  // 默认暴露组件对象
  export default { // 配置对象（与Vue一致）
    data() { // 以前写vue的时候可以写对象或者函数，但是在vue组件中必须写函数 (必须写函数)
      return {
        msg: 'hello vue component'
      }
    }
  }
</script>

<style scoped>
  .msg {
    color: red;
    font-size: 30px;
  }
</style>
